import React, {useEffect,useLayoutEffect} from 'react';

const App = () => {

  /*
    官网推荐一开始的时候先使用 useEffect，只有当它出现问题的时候在尝试使用 useLayoutEffect
    两者区别是 useEffect 是异步执行的，而 useLayoutEffect 是同步执行的
  */

  // 该函数是异步执行的
  useEffect(()=>{
    console.log('useEffect');
  })

  // 该函数是同步执行的
  useLayoutEffect(()=>{
    console.log('useLayoutEffect');
  })

  return (
    <div>

    </div>
  );
};

export default App;
